<div class="panel panel-default panel-intro">
    {:build_heading()}

    <div id="myTabContent" class="tab-content">
        <div class="tab-pane fade active in" id="one">
            <div class="panel-body">
                <style>
                    .dorm{color:#fff; cursor: pointer; padding: 5px 10px; display: inline-block; margin-bottom: 5px;}
                    .color_1{background-color: #6c04d4;}
                    .color_2{ background-color: #00b3ee;}
                    .color_3{background-color: #990000;}
                </style>
                {$building['garden_name']} -- {$building['name']}

                <div class="pull-right">
                    <span class="dorm color_3">满员</span>
                    <span class="dorm color_2">未满员</span>
                    <span class="dorm color_1">空宿舍</span>
                </div>

                {volist name="list" id="vo" key="k" empty="暂时没有数据"}
                    <hr>

                    <div class="row">
                        <div class="col-sm-2 col-md-1">
                            <span>{$key}楼</span>
                        </div>
                        <div class="col-sm-10 col-md-11">
                            {volist name="$vo" id="value"}
                                <div class="col-sm-2 col-md-1">
                                    <span class="dorm color_{$value.color}" data-id="{$value.id}">{$value.num}</span>
                                </div>
                            {/volist}
                        </div>
                    </div>

                {/volist}

            </div>
        </div>

    </div>

</div>
